/*
* @Author: Karry
* @Date:   2017-10-15 16:26:17
* @Last Modified by:   Karry
* @Last Modified time: 2017-10-19 20:37:35
*/

require('./index.css');
require('page/common/nav/index.js');
require('page/common/header/index.js');
var navSide       = require('page/common/nav-side/index.js');
var _db           = require('util/db.js');
var _user         = require('service/user-service.js');
var templateIndex = require('./index.string');

// page 逻辑部分
var page = {
    init : function(){
        this.onLoad();
        this.bindEvent();
    },
    onLoad : function(){
        // 初始化左侧菜单
        navSide.init({
            name : 'user-center'
        });
        // 加载用户信息
        this.loadUserInfo();
    },
    bindEvent : function(){
        var _this = this;
        // 点击提交按钮后的动作 btn-sublime
        $(document).on('click','.btn-submit',function(){
            var userInfo = {
                phone    : $.trim($('#phone').val()),
                email    : $.trim($('#email').val()),
                question : $.trim($('#question').val()),
                answer   : $.trim($('#answer').val())
            },
            validateResult = _this.validateForm(userInfo);
            if (validateResult.status) {
                // 这里是更改用户信息
                _user.updateUserInfo(userInfo, function(res, msg){
                    _db.successTips(msg);
                    window.location.href = './user-center.html';
                }, function(errMsg){
                    _db.errorTips(errMsg);
                });
            }else{
                _db.errorTips(validateResult.msg);
            }
        });
    },
    // 加载用户信息
    loadUserInfo : function(){
        var userHtml = '';
        _user.getUserInfo(function(res){
            userHtml = _db.renderHtml(templateIndex, res);
            $('.panel-body').html(userHtml);
        }, function(errMsg){
            _db.errorTips(errMsg);
        });
    },
    // 验证字段信息
    validateForm : function(formData){
        var result = {
            status : false,
            msg    : ''
        };
        // 验证手机号是否正确
        if (!_db.validate(formData.phone,'phone')) {
            result.msg = '手机号格式不正确';
            return result;
        }
        // 验证邮箱格式是否正确
        if (!_db.validate(formData.email,'email')) {
            result.msg = '邮箱格式不正确';
            return result;
        }
        // 验证密保不能为空
        if (!_db.validate(formData.question,'require')) {
            result.msg = '密保提示问题不能为空';
            return result;
        }
        // 验证密保答案不能为空
        if (!_db.validate(formData.answer,'require')) {
            result.msg = '密保提示问题答案不能为空';
            return result;
        }
        // 通过验证，返回正确提示
        result.status = true;
        result.msg    = '验证通过';
        return result;
    }
};
$(function(){
    page.init();
});